<template>
    <h3 style="text-align: center;">
        查看登录信息
    </h3>
    <table class="table table-bordered" border="1">
        <tr>
            <td>编号</td>
            <td>用户名</td>
            <td>角色权限</td>
            <td>密码</td>
            <td>状态</td>
        </tr>
        <tr>
            <td>{{Info.P_Id}}</td>
            <td>{{Info.P_Name}}</td>
            <td>{{Info.P_Jwech}}</td>
            <td>{{Info.P_Pwd}}</td>
            <td>{{Info.P_State}}</td>
        </tr>
    </table>
</template>
<script setup lang="ts">
import { ref } from 'vue';
const Info =ref({
    P_Id:0,
    P_Name:'',
    P_Pwd:'',
    P_Jwech:'',
    P_State:'',
})
import { useRoute } from 'vue-router';
const route = useRoute();
import { onMounted } from 'vue';
import axios from 'axios';
onMounted(() => {
    Fanmage();
})
//反填信息
function Fanmage() {
    axios.get("https://localhost:44369/api/Peoples/ShowPeopleMage?P_Id=" + route.query.P_Id)
        .then(function (response) {
            Info.value = response.data[0];
        })
        .catch(function (error) {
            console.log(error);
        })
        
}

</script>